  <template>
  <div>
    <div class="tabs">
      <div class="myinfo">
        <img
          src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png"
          alt=""
        />用户
      </div>

      <ul class="iconlist">
        <li>我的订单</li>
        <li>优惠券</li>
        <li>我的足迹</li>
        <li>我的收藏</li>
        <li @click="goAddress">地址管理</li>
        <li>联系客服</li>
        <li>帮助中心</li>
        <li>意见反馈</li>
      </ul>
    </div>
  </div>
</template>
  <script>
export default {
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {
    var map = new AMap.Map("container");
  },
  methods: {
    goAddress() {
      this.$router.push({ path: "/my/address" });
    },
  },
};
</script>

<style scoped lang='scss'>
.tabs {
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 1.33333rem);

  .myinfo {
    width: 100%;
    height: 3.73333rem;
    display: flex;
    color: #fff;
    text-indent: 16px;
    font-size: 16px;
    align-items: center;
    background: #333;
    padding: 0 0.4rem;
    box-sizing: border-box;
    img {
      height: 1.97333rem;
      width: 1.97333rem;
      border-radius: 50%;
      margin-right: 10px;
    }
  }

  .iconlist {
    display: flex;
    align-items: center;
    background: #fff;
    flex-wrap: wrap;
    height: 214px;
    width: 100%;
    li {
      width: 33.33%;
      padding: 0.66667rem 0;
      text-align: center;
      border-right: 0.01333rem solid rgba(0, 0, 0, 0.15);
      border-bottom: 0.01333rem solid rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
    }
  }
}
</style>
